<template>
	<div class="container">
		<h3>投诉举报</h3>

		<div style="margin-top:50px;">
			<h4>标题: {{data.headline}}</h4>
			<div style="font-size: 12px;margin-top:10px;">
				<span>所属企业:&nbsp; {{data.enterprise}}</span>
				<span style="margin-left: 100px;">追溯码: &nbsp; {{data.traceCode}}</span>
			</div>
			<div style="font-size: 12px;display:flex;margin-top:10px;">
				<div>反馈内容：</div>
				<div>
					<div>{{data.content}}</div>
					<div style="margin-top:10px;">反馈时间：{{data.reportTime}}</div>
				</div>
			</div>
			<div style="font-size: 12px;color: red; display:flex;margin-top:20px;">
				<div>回复内容：</div>
				<div>
					<div>{{data.reply}}</div>
					<div style="margin-top:20px;">回复时间：{{data.replyTime}}</div>
				</div>
			</div>

			<div class="footerFixed" label-width="0px" style="margin-bottom:20px;">
				<el-button type="primary" style="margin:0 20px;" @click="backPage">返回</el-button>
			</div>
		</div>
	</div>
</template>

<script>
	import { report_selectId } from "@/request/supervisionCenterApi.js"
	export default{
		data(){
			return{
				id: '',
				data: {}
			}
		},
		mounted(){
			this.id = this.$route.query.id
			this.init()
		},
		methods:{
			init() {
				let reportData = {
					id: this.id
				}
				report_selectId(reportData).then((res) =>{
					this.data = res.data
				})
			},
			backPage(){
				this.$router.go(-1);
			}
		}
	}
</script>

<style scoped>
	
</style>